<template>
	<view class="b-content">
		<u-row customStyle="margin:20rpx;padding: 20rpx 40rpx 30rpx 20rpx;background-color: #fff;border-radius: 10rpx;">
			<u-col span="3"><u--image :showLoading="true" src="https://cdn.uviewui.com/uview/album/1.jpg" width="80px" height="80px"></u--image></u-col>
			<u-col span="7">
				<u--text size="13" :lines="4" text="一小时二十元 转账即可不用拍下"></u--text>
			</u-col>
			<u-col span="2">	
				<view style="margin-top: 120rpx;display: flex; justify-content: flex-end;font-size: 14px;font-weight: bold;color:red;">
					<!-- <u--text mode="price" text="0.00" size="10" color="red" bold></u--text> -->
					<text>￥</text>
					<text>9.90</text>
				</view>
			</u-col>
		</u-row>
		<view style="margin:20rpx;padding: 30rpx 20rpx;background-color: #fff;border-radius: 10rpx;">
			<u-row>
				<u-col span="2"><text style="font-size: 14px;">收货地址</text></u-col>
				<u-col span="8" offset="2">
					<view style="display: flex; justify-content: flex-end;">
						
					</view>
					<view style="display: flex; justify-content: flex-end;font-weight: bold;font-size: 14px;">
						<text>赵六七</text>
						<text style="margin-left: 10rpx;">13479515773</text>
					</view>
					<view style="display: flex; justify-content: flex-end;font-size: 12px;color:rgb(149 149 149);">
						<text>江西省宜春市袁州区凤凰街道宜春学院学府路576号</text>
					</view>
				</u-col>
			</u-row>
		</view>
		<view class="box">
			<u-row>
				<u-col span="4"><u--text text="订单信息" size="17" bold></u--text></u-col>
				<u-col span="4" offset="4"><u-button text="联系买家" type="info" shape="circle"></u-button></u-col>
			</u-row>
			<view><text>买家昵称：</text><text>Spring</text></view>
			<view><text>订单编号：</text><text>1973744552521</text></view>
			<!-- <view><text>支付宝交易号：</text><text>2021-07-02 01:19:14</text></view> -->
			<view><text>拍下时间：</text><text>2021-07-02 01:19:14</text></view>
			<view><text>付款时间：</text><text>2021-07-02 01:19:14</text></view>
			<view><text>发货时间：</text><text>2021-07-02 01:19:14</text></view>
			<view><text>交易成功时间：</text><text>2021-07-02 01:19:14</text></view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.b-content{
		padding-top: 20rpx;
		min-height: 100vh;
		background-color: rgb(242, 242, 242);
		.box {
			margin:20rpx;
			padding: 30rpx 20rpx 100rpx 20rpx;
			background-color: #fff;
			border-radius: 10rpx;
			view {
				font-size: 13px;
				color: $u-type-info;
				padding: 14rpx 14rpx 10rpx 4rpx;
			}
		}
	}
</style>
